<style type="text/css">
	#content{height: 390px; margin-top: 20px;}
	#loading{
        width: 64px;
        height: 64px;
        background-image: url("<?php echo Yii::app()->request->baseUrl; ?>/themes/fly_high/assets/img/loading.gif");
        position: fixed;
        top: 50%;
        left: 50%;
        display: none;
    }
</style>
<div id="loading"></div>
<h1 style="margon-top: 200px;">Lấy lại mật khẩu</h1>
<p>
	Điền địa chỉ email vào ô và ấn lấy lại mật khẩu, một email có nội dung mật khẩu mới của bạn.
</p>
<form id="formForgetPassword"method="post" action="<?php echo Yii::app()->request->baseUrl; ?>/Authenticate/">
	<table style="width: 500px; margin: 7% 15%;border: solid 1px #CCC; padding: 5%;">
		<tr>
			<td style="width: 30%;">Địa chỉ email</td>
			<td style="width: 70%;">
				<input type="text" style="width: 100%; height: 24px;" size="10" name="emailAddress" id="emailAddress"/>
			</td>
		</tr>
		<tr>
			<td style="text-align: right;" colspan="2">
				<input id="btnRecover" type="submit" style="height: 24px;" value="Lấy lại mật khẩu" name="forgetPassword"/>
			</td>
		</tr>
	</table>
</form>
<script>
$( "#formForgetPassword" ).submit(function( event )
{
    event.preventDefault();

    $('#loading').fadeIn();
    $('#btnRecover').attr("disabled", true);

    var data=$("#formForgetPassword").serialize();
	data += '&forgetPassword=Lấy lại mật khẩu';

    var url          = "<?php echo Yii::app()->request->baseUrl; ?>/Authenticate/";
    $.post(url,data,function(data)
    {
        $('#loading').fadeOut();
        $('#btnRecover').attr("disabled", false);
        $("#emailAddress").val('');
        alert(data);
        //console.log(data);
    });
});
</script>